<template>
  <div class="app">
    <Search class="search"/>
    <Nav class="nav"/>
    <Banner class="banner"/>
    <Icon class="icon"/>
    <List class="list"/>
    <Footer class="footer"/>
  </div>
</template>

<script>
import Search from '../../components/zhy/Search.vue';
import Nav from '../../components/zhy/Nav.vue';
import Banner from '../../components/zhy/Banner.vue';
import Icon from '../../components/zhy/Icon.vue';
import List from '../../components/zhy/List.vue';


import Footer from '../../components/zhy/Footer.vue';

export default {
  name: "Home",
  components: {
    Search,Nav,Banner,Icon,List,Footer,
    },
};
</script>

<style scoped>

.search {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.nav{
  position: fixed;
  width: 100%;
  top: .39rem;
  left: 0;
  z-index: 2;
}

.banner{
  margin-top: 1.2rem;
}
.footer {
  position: fixed;
  bottom: -0.01rem;
  left: 0;
  z-index: 2;
}

</style>

